@media (max-width: 768px) {
    .container {
        width: 100%;
    }
    .banner {
        width: 100%;
        height: 120px;
    }
    .act {
        width: 100%;
    }
    .acts {
        width: 100%;
    }
    .act-title .ch {
        font-size: 20px;
    }
    .act-title .en {
        font-size: 13px;
    }
    .act-item {
        width: 100%;
        height: 160px;
        margin: 20px auto 0;
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .act-item-c {
        width: 80%;
        height: 160px;
        margin: 20px auto 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .text {
        margin-left: 70px;
    }
    .date h3 {
        line-height: 1;
        font-size: 20px;
    }
    .date p {
        line-height: 2.5;
        font-size: 15px;
    }
    .text h3 {
        font-size: 16px;
        color: black;
        font-weight: 400;
    }
    .text p {
        margin-top: 15px;
        line-height: 2;
        font-size: 12px;
    }
}